<template>
  <div>
    <div class="wrap clearfix" >
      <div style="color: aliceblue;margin-top: 10px;font-weight: 700;font-size: 17px;">【生产入库信息】</div>
         <div class="table_body">
                 <div class="table_th">
                     <div class="tr2 th_style">生产日期</div>
                     <div class="tr1 th_style">入库数量</div>
                 </div>
                 </div>
          <div class="table_tr" v-for="(item,index) in time" :key="index">
            <span class="trs1 ">{{ item.date }}</span> <span class="trs2">{{ item.total }}</span>
          </div>
        <!-- <div class="table_tr">
          <span class="trs1">2024-4-23</span> <span class="trs2">1232</span>
          </div>
        <div class="table_tr">
          <span class="trs1">2024-4-24</span> <span class="trs2">1233</span>
          </div>
        <div class="table_tr">
          <span class="trs1">2024-4-25</span> <span class="trs2">1234</span>
          </div>
        <div class="table_tr">
          <span class="trs1">2024-4-26</span> <span class="trs2">1235</span>
          </div>
        <div class="table_tr">
          <span class="trs1">2024-4-27</span> <span class="trs2">1236</span>
          </div>
        <div class="table_tr">
          <span class="trs1">2024-4-28</span> <span class="trs2">1237</span>
          </div> -->
    </div>
  </div>
</template>

<script>

export default {
  name: "Example04Basic",
  props:{
    time:{
         type:Array,
         isGetData:false
         }
         },
  data() {
    return {

    };
  },
};
</script>
<style scoped>
	      .table_body {
  width: 100%;
}
.table_th {
  width: 100%;
  display: flex;
  height: 40px;
  line-height: 40px;
}
.tr {
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
.tr1 {
  width: 50%;
}
.tr2 {
  width: 50%;
}
 
.th_style {
  color: rgb(0, 221, 253);
  font-weight: bold;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 5px;
  text-align: center;
}

  .table_tr {
  display: flex;
  height: 38px;
  line-height: 38px;
  color: #eee;
  font-size: 15px;
  margin-top: 7px;
  margin: 6px;
  border-bottom: 1px solid aqua;
}


.table_tr .trs1 {
   width: 50%;
   /* margin-left: 60px; */
   text-align: center;
   white-space: nowrap;
   font-size: 25px;
}

.table_tr .trs2 {
   width: 50%;
   white-space: nowrap;
   text-align: center;
   line-height: 38px;
    font-size: 40px;
    color: aqua;
   font-family:electronicFont;
}
</style>